package com.cn.wanxi.model;

/**
 * 将页面的所有数据通过后台的model里的数据展示出来
 * 1.教新动态
 * 2.产品展示
 */
public class ReadMeNewsAndProduct {

    /**
     * 教新动态
     * 1.我们需要在后台新建一个实体类（NewsModel）将里面的属性全部写出来,设定set和get方法
     * 2.因为教新动态是显示在home页面，home页面已经有一个homeServlet，所以直接在homeServlet里面写代码
     * 3.代码编写
     *      1）将页面的代码按照jstl标签和el表达式写出来
     *              <c:forEach items="${newsList}" var="news">
     *                     <div>
     *                         <h5>${news.title}</h5>
     *                         <p>${news.content}</p>
     *                     </div>
     *              </c:forEach>
     *         以上代码有newsList，是从后台传递到页面的值
     *         title和content是属于NewsModel里面的属性
     *      2）在homeServlet里面增加将newsList新闻信息返回页面的代码
     *          req.setAttribute("newsList",newsList);
     *      3）得到newsList
     *          1.创建一个list对象，用来存储新闻信息List<NewsModel> newsList = new ArrayList<>()
     *          2.创建一个HomeModel对象，因为我们数据在HomeModel里面，
     *          3.因为我们新闻信息是数组，需要循环
     *              for (int i=0;i<homeModel.newsTitle.length;i++){
     *                  NewsModel newsModel=new NewsModel();
     *                  newsModel.setTitle(homeModel.newsTitle[i]);
     *                  newsModel.setContent(homeModel.newsContent[i]);
     *                  newsList.add(newsModel);
     *               }
     *               这个循环将所有数据全部存入newsList
     *            4.将数据返回给页面
     *            req.setAttribute("newsList", newsList);
     *
     *
     *
     *
     *
     *  2.产品信息
     *      1）写页面代码
     *              <c:forEach items="${productList}" var="product">
     *                 <div class="float-left">
     *                     <div><img src="${product.imgHref}" height="300" width="300"/></div>
     *                     <div>
     *                         <div>${product.name}</div>
     *                         <div>${product.content}</div>
     *                     </div>
     *                 </div>
     *             </c:forEach>
     *        productList是后台传递给前台页面的值，<c:forEach表示后台传递过来的数据是一个集合List
     *       2）后台代码的编写
     *          1.传递给前台的数据 req.setAttribute("productList",productList);
     *          2.封装list。productList
     *              List<ProductModel> productList = new ArrayList<>();//这里数据为空。还没有赋值
     *          3.我们需要将所有产品信息封装到list。产品信息就是每一个ProductModel
     *          4.我们要去创建ProductModel，需要属性：imgHref  name content
     *              每一个属性都要有一个set和get方法
     *          5.赋值，因为是集合，也需要循环
     *              for(int i=0;i<homeModel.productImgs.length;i++){
     *                   ProductModel productModel=new ProductModel();
     *                   productModel.setImgHref(homeModel.productImgs[i]);
     *                  productModel.setName(homeModel.productNames[i]);
     *                  productModel.setContent(homeModel.productContents[i]);
     *                  productList.add(productModel);
     *              }
     *           6.代码编写完成返回页面
     *
     *
     */
}
